@charset "utf-8";
body{
	text-align:center;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../imagenes/BG.png);
	background-repeat:no-repeat;
	background-position:center;
	}  /*El body establece una imagen de fondo al centro, y el tipo y tamaño de fuente*/	

#encabezado{
	height:100px;
	width:100%;
	} /*define medidas de encabezado*/	

nav{
	width:1280px;
	margin: 0 auto;
	}/*barra de navegación centrada con lista de navegación*/	

	
.nav{
	background-color:green;
	height: 50px;
	/*esta es la barra de navegación con los botones correspondientes, de color verde*/
	
	}
	
li{
	display:inline-block;
	padding-right:60px;
	margin: 15px;
	font-size:12px;
	}/* Estilo de la lista de navegación, se organiza en línea a 12 px la fuente*/
	
li > a{
	text-decoration:none;
	color:#007b00;
	padding: 10px 20px;
	background-color:white;
	padding:5px 20px;
	border-radius:5px;
	
	}/* Estilo de la lista de navegación, se organiza en línea a 12 px la fuente, color de texto verde y se redondendean las puntas de los background*/	

nav ul li a:hover{
	background-color:#007b00;
	color:#FFF;
	transition: all 0,5 ease;
	}/*Cambia el aspecto de los botones al paso del mouse, backgroud verde, texto blanco*/
	
.quequieres{
	width: 100%;
	margin-top:40px;
	background-color:white;
	background-position:center;
	}/*del ancho de la página, tiene un fodo blanco, con margenes de 40 pixles y esta ubicado en el centro*/

#secciones{
	width:100%;
	margin:30px auto;
	}/*seccion del ancho de la página con una margen global de 30px*/

.itemMenu{
	width:250px;
	height:250px;
	display:inline-block;
	padding:5px;
	}
	
<!--Coloca los botones de las secciones en línea-->
	
	
/*  end CSS Document */